.wholesale-detail {
  background-color: #f7f8fa;
  margin-bottom: 10px;
  height: auto;
  padding: 0 !important;
  overflow-x: hidden;
}

.orderDetail {
  margin: 20px 0 0 20px;
  display: flex;
  justify-content: space-between;
  width: 70%;

  p {
    flex-basis: 30%;
    margin-bottom: 20px;
    padding: 0;
    color: #999999;
    // overflow: hidden;
    // text-overflow: ellipsis;
    // white-space: nowrap;

    span {
      color: #333333;
    }
  }
}

/deep/.step-section {
  // display: flex;
  padding: 0 8px !important;
  border-bottom: 1px solid #EEF0F5;

  .el-steps {
    flex-wrap: wrap;
  }

  .titleBox {
    display: flex;
    align-items: center;
    width: 500px;
    height: 40px;
    background: rgba(235, 132, 48, 0.10);
    border: 1px solid #EB8430;
    border-radius: 4px;
    font-size: 14px;
    line-height: 40px;
    margin: 10px;

    img {
      width: 14px;
      height: 14px;
      margin: 0 10px;
    }
  }

  .title {
    padding-top: 10px;
  }

  .box {
    width: 100%;
  }
}

.step-div {
  border-right: 1px solid #EEF0F5;

  padding: 15px 5px;
  width: 283px;
  // height: 100%;
  text-align: center;

  p {
    margin-bottom: 12px;
  }

  .el-button {
    border: 1px solid #49C0AF;
    color: #49C0AF;
    height: 34px;
    width: 200px;
  }
}

.block {
  header {
    padding: 15px 8px !important;
  }

  section {
    padding: 15px 8px;

    .el-col {
      color: #999999;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;

      span {
        color: #333333;
        padding-left: 10px;

      }
    }
  }

  /deep/.el-col {
    margin: 5px 0;
  }
}

/deep/ .el-tabs__content {
  min-height: 300px;
}

/deep/.el-tabs__header {
  background: #F4F5F8;
  padding-left: 8px;
}

.el-editable {
  height: 400px;
}

/deep/.bgHeight {
  background: #49c0af !important;
}